<template>
  <div id="app">
    <!-- 主体内容 -->
    <router-view></router-view>
  </div>
</template>
  
<script>
//通用组件

//页面组件
import Login from "./pages/Login.vue";
import Register from "./pages/Register.vue";
import Index from "./pages/index.vue";
import Product from "./pages/product.vue";
import Category from "./pages/Category.vue";
import Cart from "./pages/Cart.vue";

//特殊组件
import NotFound from "./pages/NotFound.vue";

export default {
  name: "App",
  //局部注册组件
  components: {
    Login: Login,
    Register: Register,
    Index: Index,
    Product: Product,
    Category: Category,
    Cart: Cart,

    NotFound: NotFound,
  },
};
</script>
  
<style>
* {
  margin: 0;
  padding: 0;
}
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
}
</style>
  